@use './reset.scss';
@use './variable.scss' as *;

@forward 'element-plus/theme-chalk/src/dark/var.scss' with (
  $bg-color: (
    'page': var(--base-sys-bg-color),
    '': #1111dd,
    'overlay': #1d1e1f,
  )
);

// 防止文本选择和光标闪烁
[unselectable="on"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
}

// 添加过渡效果
html {
  transition: background-color 0.3s, color 0.3s;
}


// 消息框样式
.modern-message-box {
  width: 420px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  border: none;
  overflow: hidden;

  .el-message-box__header {
    padding: 20px;
    background: linear-gradient(135deg, #f8f9fa, #ffffff);
    border-bottom: 1px solid #f0f0f0;

    .el-message-box__title {
      font-size: 18px;
      font-weight: 600;
      color: #333;
    }

    .el-message-box__headerbtn {
      top: 20px;
      right: 20px;
    }
  }

  .el-message-box__content {
    padding: 25px 30px;
    color: #666;
    font-size: 15px;
    line-height: 1.6;

    .el-message-box__status {
      font-size: 28px !important;
    }
  }

  .el-message-box__btns {
    padding: 0 30px 25px;

    .el-button {
      height: 40px;
      padding: 0 24px;
      border-radius: 20px;
      font-weight: 500;
      transition: all 0.3s;

      &.el-button--primary {
        background-color: #ff4d4f;
        border-color: #ff4d4f;

        &:hover {
          background-color: #ff7875;
          transform: translateY(-2px);
          box-shadow: 0 4px 12px rgba(255, 77, 79, 0.3);
        }
      }

      &.el-button--default {
        border: 1px solid #d9d9d9;

        &:hover {
          color: #409eff;
          border-color: #c6e2ff;
          background-color: #ecf5ff;
        }
      }
    }
  }
}
